<template>
	<!-- 订单信息-订单状态组件 -->
	<view class="Status">
		<view class="">
			<view class="header" v-show="flag">
				<view class="">
					订单配送中
				</view>
				<view class="">
					骑手正在送货中
				</view>
			</view>
			<view class="header" v-show="!flag">
				<view class="">
					订单已制作完成
				</view>
				<view class="">
					可到店取餐
				</view>
			</view>
			<view class="footer">
				送达时间：<text>12:30-12:50</text>
			</view>
		</view>
		<!-- <view class="">
			<view class="header">
				<view class="">
					订单已制作完成
				</view>
				<view class="">
					可到店取餐
				</view>
			</view>
			<view class="footer">
				送达时间：<text>12:30-12:50</text>
			</view>
		</view> -->
	</view>
</template>

<script>
	export default {
		data(){
			return {
				flag:true,
			}
		}
	}
</script>

<style lang="less" scoped>
	.Status {
		.header {
			font-size: 36rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #F14500;
			view:first-child {
				padding-top: 34rpx;
			}
			view:last-child{
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #F14500;
				padding: 16rpx 0;
			}
		}
		.footer {
			padding-bottom: 25rpx;
		}
	}
</style>